<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/login.css"/>
</head>
<body>
        <!--顶部-->
   <div class="top">
       <div class="topLeft">
           <img src="img/logoss.png" alt="logo"/>
           <img src="img/welcome.png" alt="欢迎登录"/>
       </div>
       <div class="topRight">
          <span></span> <a href="###">登录页面，调查问卷</a>
       </div>
    </div>
    <div class="wrap">
        <div class="inner">
            <div class="login">
              <div class="xuanze">
                  <div class="log login-l">
                      <a href="###">扫码登录</a>
                  </div>
                  <div class="log login-r">
                      <a href="###">账号登录</a>
                  </div>
              </div>

              <div class="loginbox">
                <div class="code">
                  <div class="code-top">
                      <img src="img/show.png" alt="code" class="erwei"/>
                      <img class="mobile" src="img/phone-orange.png" alt="iphone"/>
                  </div>
                  <div class="iphone">
                      打开 <a href="###">手机京东</a> 扫描二维码
                  </div>
                  <div class="code-bot">
                      <span class="c1"></span><em>免输入</em>
                      <span class="c2"></span><em>更快</em>
                      <span class="c3"></span><em>更安全</em>
                  </div>
              </div>
                 <div>


                <form action="###" method="post">
                    <div class="lform">
                        <div class="tip "><span></span><em>公共场所不建议自动登录，以防账号丢失</em></div>
                        <div class="form-user form-inp">
                            <label for="user" class="label user"></label>
                            <input type="text" placeholder="邮箱/用户名/已验证手机" id="user" required />
                            <span class="clear-btn"></span>
                        </div>
                        <div class="form-pwd form-inp">
                            <label for="pwd" class="label pwd"></label>
                            <input type="password" placeholder="密码" id="pwd" required pattern="[\w]"/>
                            <span class="clear-btn"></span>
                        </div>
                        <div class="autologin">
                            <input type="checkbox"/>&nbsp;自动登录
                            <a href="###" target="_blank" class="forget">忘记密码</a>
                        </div>
                        <div>
                            <button class="submit">登录</button>
                        </div>
                    </div>
                </form>
               </div>
            </div>
            <div class="bot">
                <div class="logbot">
                    <div class="logintype">
                        <a href="###"><span class="qq"></span>QQ</a>|
                        <a href="###"><span class="weixin"></span>微信</a>
                    </div>
                    <div class="regist">
                        <a href="###"><span></span>立即注册</a>
                    </div>
                </div>

            </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <ul>
            <li><a href="###">关于我们</a></li>
            <li>|</li>
            <li><a href="###">联系我们</a></li>
            <li>|</li>
            <li><a href="###">人才招聘</a></li>
            <li>|</li>
            <li><a href="###">商家入驻</a></li>
            <li>|</li>
            <li><a href="###">广告服务</a></li>
            <li>|</li>
            <li><a href="###">手机京东</a></li>
            <li>|</li>
            <li><a href="###">友情链接</a></li>
            <li>|</li>
            <li><a href="###">销售联盟</a></li>
            <li>|</li>
            <li><a href="###">京东社区</a></li>
            <li>|</li>
            <li><a href="###">京东公益</a></li>
             <li>|</li>
            <li><a href="###">English Site</a></li>
        </ul>
        <p class="clear">Copyright &copy; 2004-2017  京东JD.com 版权所有</p>

    </div>
</body>
<script src="js/jquery-1.10.2.min.js"></script>
<script>
    $(function(){
        /*二维码*/
        $('.loginbox>div').eq(0).show();
        $('.xuanze a').eq(0).addClass('select');
        $('.xuanze>div').click(function(){
            var index = $(this).index();
            $('.xuanze a').removeClass('select');
            $(this).children('a').addClass('select');
            $('.loginbox>div').eq(index).show().siblings().hide();
        })

    $('.clear-btn').click(function(){
        $(this).parent().children('input').val('');
    })


    })
</script>
</html>